<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>{% block page_title %}{{appname}}{% endblock %}</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-style-type" content="text/css">
    <meta http-equiv="expires" content="0">
    <meta name="keywords" content="{% block meta_keywords %}{{blog.blogId}} {{blog.blogName}}{% endblock %}">
    <meta name="description" content="{% block meta_description %}{{blog.blogDesc}}{% endblock %}">
    <meta name="generator" content="glog {{appversion}}" />
    {% block addition_link %}
      {% block feed %}
      {% endblock %}
    {% endblock %}

    <link rel="shortcut icon" href="/favicon.ico">
    {% block link_css %}
    <link rel="stylesheet" rev="stylesheet" href="{{apppath}}/themes/{{theme.name}}/css/style.css" type="text/css" media="all" />
      {% block addition_link_css %}
      {% endblock %}
    {% endblock %}

    {% block embeded_css %}
    {% endblock %}
    
    {% block link_js %}
    <script type="text/javascript" src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
      {% block addition_link_js %}
      {% endblock %}
    {% endblock %}

    {% block embeded_js %}
    {% endblock %}
    <script type="text/javascript">
      <!--
	  $(function(){
	    var objs = $(".widget");
	    for(var i=0;i<objs.length;i++) {
	      var jqObj = $(objs[i]);
	      jqObj.load(jqObj.attr("href"));
	    }
	  });
      //-->
      </script>
  </head>
  <body>
    <!-- zero margin = wide layout -->
    <div class="container">
      <div class="header">
	{%block header%}
	<a href="{{apppath}}"><span>{{appname}}</span><img src="{{apppath}}/themes/{{theme.name}}/img/title.png" alt="{{appname}}" /></a>
	{%endblock header%}
      </div>
      
      <div class="stripes"><span></span></div>
      <div class="nav">
	<div class="left">
	  <ul>
	    {% if apppath %}
	    <li><a href="/">Home</a></li>
	    {% endif %}
	    <li><a href="{{apppath}}/">{{appname}}</a></li>
	    <li><a href="{{apppath}}/{{blogid}}">{{blogid}}</a></li>
	    {% block navipath %}
            {% endblock navipath %}
	  </ul>
	</div>
	<div class="right">
	  <ul>
	    {% if user %}
	    <li><b>{{user.nickname()}}</b></li>
	    <li><a href="{{logout_url}}">sign out</a></li>
	    {% else %}
	    <li>welcome! </li>
	    <li><a href="{{login_url}}">sign in with a google account</a></li>
	    {% endif %}
	  </ul>
	</div>
	<div class="clearer"><span></span></div>
      </div>
      <div class="stripes"><span></span></div>

      {% block body %}
      <div class="main">
        {% block leftSkeleton %}
          <div class="left">
	    <div class="content">
	  {% block leftSideArea %}
	    {% if is_blogowner %}
	      {% include "BloggerPanel.div" %}
	    {% endif %}
            {% block additionLeftSideArea %}
	      {% block leftWidgetArea %}
              {% endblock leftWidgetArea %}
	    {% endblock additionLeftSideArea %}
	  {% endblock leftSideArea %}
            </div>
	  </div>
	{% endblock leftSkeleton %}
        {% block rightSkeleton %}
	  <div class="right">
	    <div class="subnav">
	      {% block rightSideArea %}
	        {% block additionRightSideArea %}
		{% block rightWidgetArea %}
                {% for w in wgroup1 %}
	        <div class="widget" href="{{apppath}}/{{blogid}}/widget/{{w}}">
		  loading...
		</div>
		{% endfor %}
	        {% endblock rightWidgetArea %}
	        {% endblock additionRightSideArea %}
		<br/>
		<br/>
		<div>
		  <a href="http://appengine.google.com">
		    <img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" alt="Powered by Google App Engine" />
		  </a>
		</div>
		<div>
		  <a href="http://www.python.org">
		    <img src="https://www.python.org/static/community_logos/python-powered-w-100x40.png" alt="Python powered" />
		  </a>
		</div>
	      {% endblock rightSideArea %}
	    </div>
	  </div>
        {% endblock rightSkeleton %}
	<div class="clearer"><span></span></div>
      </div>
      {% endblock body %}

      {% block footer %}
      {% endblock footer %}
      <div class="stripes"><span></span></div>
      <div style="text-align:center;">
	<div>
	  sevenever@gmail.com<br/>
	  Copyright &copy; 2008. All rights reserved.
	</div>
      </div>
    </div> <!-- container//-->
  </body>
</html>
      
